<script setup lang="ts">
  import CustomHeader from "@/views/common/header.vue";
  import Sidebar from "@/views/common/sidebar.vue"; //系统默认header为关键字，所以重新命名新组件，通过横线命名引入
</script>

<template>
  <div>
    <t-layout class="main-layout">
<!--      <t-aside>侧菜单栏</t-aside>-->
      <sidebar></sidebar>
      <t-layout>
<!--        <t-header>头部区域</t-header>-->
        <custom-header></custom-header>
        <t-content class="content-layout">
          <router-view /> <!--方便后面加载子路由的页面-->
        </t-content>
        <t-footer style="text-align: center">Copyright @ 2021-2024 xiehj.</t-footer>
      </t-layout>
    </t-layout>
  </div>

</template>

<style lang="less" scoped>
.main-layout {
  height: 100vh;

  .content-layout {
    padding: 24px;
  }
}
</style>